<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="${ctx}/css/common.css" />
<jsp:include page="../inc.jsp"></jsp:include>

<meta http-equiv="X-UA-Compatible" content="edge" />
<title>付款查询-提现单详情</title>
<style>
	#tb{
   		overflow:hidden;
   		width:505px;
   		margin:1px auto;
   		}
   		#tb ul{
   		float:left;
   		padding-left:0px;
   		}
   		#tb .list{
   		width:150px;
   		text-align:center;
   		color:#3989c8;
   		}
   		#tb .list_li li{
   		  width:350px;
   		  text-align:center;
   		  border-left:none;
   		}
   		#tb ul li{
   		border:1px solid #dcdcdc;
   		font-size:12px;
   		height:30px;
   		line-height:30px;
   		list-style:none;
   		border-bottom:none;
   		}
   		#tb ul .haveBottom{
   			border-bottom:1px solid #dcdcdc;
   		}
   		table{
   			margin:2px auto;
   			border-collapse: collapse;
   			margin-top:5px;
   			border:none;
   		}
   		table td{
   			width:100px;
   			height:35px;
   			text-align:center;
   			border-color:#dcdcdc;
   			color:#3989c8; 
   		}
   		table .grey{
   			color:black;
   		}
</style>
</head>
<body>
	<div id="tb">
		<ul class="list">
			<li>供应商</li>
         	<li>提现申请人</li>
         	<li>申请时间</li>
         	<li>提现金额</li>
         	<li>银行名称</li>
         	<li>持卡人</li>
         	<li class="haveBottom">卡号</li>
		</ul>
         <ul class="list_li">
         	<li id="supplier"></li>
         	<li id="username"></li>
         	<li id="createTime"></li>
         	<li id="cashMoney"></li>
         	<li id="accountBank"></li>
         	<li id="accountName"></li>
         	<li id="accountCard" class="haveBottom"></li>
         	
         </ul>
     </div> 

	
		<table border="1px">
			<tr>
				<td>方式</td>
				<td>银行</td>
				<td>结算单号</td>
				<td>付款时间</td>
				<td>备注</td>
			</tr>
			<tr>
				<td class="grey" id="way"></td>
				<td class="grey" id="bank"></td>
				<td class="grey" id="payNo"></td>
				<td class="grey" id="payTime"></td>
				<td class="grey" id="remark"></td>
			</tr>
		</table>
	
</body>

<script type="text/javascript">
	function fillDataGrid(){
		$.ajax({
			type:"get",
			url:'${ctx}/statement/checkDetail/${cashNo}?temp='+Math.random(),
			dataType:'json',
			async:true,
			success:function(data){
				//console.log(data)
				//财务详情表格
				$("#supplier").text(CommonConverter.toNullString(data.obj.orgName));
				$("#username").text(CommonConverter.toNullString(data.obj.username));
				$("#createTime").text(CommonConverter.toNullString(data.obj.applyTime));
				$("#cashMoney").text(CommonConverter.toNullString(data.obj.cashMoney));
				$("#accountBank").text(CommonConverter.toNullString(data.obj.accountBank));
				$("#accountName").text(CommonConverter.toNullString(data.obj.accountName));
				$("#accountCard").text(CommonConverter.toNullString(data.obj.cardID));
				$("#remark").text(CommonConverter.toNullString(data.obj.paymentRemarks));
				//钱财流通方式表格
				$("#way").html(CommonConverter.toPayTypeStr(data.obj.paymentType));
				$("#bank").html(CommonConverter.toBankStr(data.obj.paymentBank));
				$("#payNo").html(CommonConverter.toNullString(data.obj.paymentNo));
				$("#payTime").html(CommonConverter.toNullString(data.obj.paymentTime));
			}
		});
	};
	fillDataGrid();
</script>
</html>